<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>优先级</title>
		<style>
			/* 
				选择器权重
				1.继承或者 *			0.0.0.0
				2.元素选择器			0.0.0.1
				3.类选择器,伪类选择器	0.0.1.0
				4.ID选择器			0.1.0.0
				5.行内样式style="" 	1.0.0.0
				6.!important重要		无穷大
			 */
			.test {
				color: #ffff7f!important;
			}
			div {
				color: #F5F5DC;
			}
			#demo {
				color: green;
			}
		</style>
	</head>
	<body>
		<div class="test" id="demo" style="color: #FF6700;">
			你笑起来真好看
		</div>
	</body>
</html>
